<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#booo{
				width: 100px;
				height: 100px;
				background: linear-gradient(45deg,rgba(242,247,250,0),rgba(204,221,229,1));
				transform: rotateZ(45deg);
			}
		</style>
	</head>
	<body>
		
			用户名:
				<form action="https://www.bilibili.com/" method="get" >
					<input type="text" name="loginame"  value="请输入你的名字" placeholder="输入"/>
				
		
		
		
			密码：
				<!--<form action="https://www.bilibili.com/" method="get" >-->
					<input type="password" name="psd"  value="请输入你的密码" />
				
		
		
		
			<!--<form>-->
				<input type="submit" value="提交"/>
				<input type="reset" value="重置"/>
			</form>
		
		</form>
		<div>
			你最爱吃的菜：
			<input type="radio" name="vgtabel" value="baicai" checked>白菜
			<input type="radio" name="vgtabel" value="luobo">萝卜
			<input type="radio" name="vgtabel" value="tudou">土豆
		</div>
		
		<div>
			你最爱吃的水果：
			<select name="language">
    			<option value="apple">苹果</option>
    			<option value="banana">香蕉</option>
     			<option value="peach">水蜜桃</option>
 			</select>
		</div>
		
		<div>
			这是一个多选框：
			<input type="checkbox" name="1" value="1" checked/>小明
			<input type="checkbox" name="2" value="2" />小华
			<input type="checkbox" name="3" value="3" />小楠
			<input type="checkbox" name="4" value="4" />小天
		</div>
		
		
		<div id="booo">
			
		</div>
	</body>
</html>
